Host Application
這是整個前端應用的入口點,它負責將不同的模組整合到一個統一的應用中。
Remote Application
這些是獨立的前端模組,可以獨立開發、測試和部署。
它們可以由不同的團隊開發,甚至可以位於不同的repo中
Module Federation Plugin
透過這個Plugin 去實現動態加載的效果,並處理模組之間的依賴關係。
透過webpack config設定打包
會產生一支remote entry的js
透過這個js去動態載入各個模組
而每個模組都可以同時是host跟remote